<%@include file="/WEB-INF/pages/commons/commons.jsp" %>

<stripes:layout-definition>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<HTML>
<head>
	<title>${_title}</title>
	<%--link rel="stylesheet" type="text/css" href="<c:url value='/yui/build/reset-fonts-grids/reset-fonts-grids.css'/>"/--%>
    <%--link ref="stylesheet" type="text/css" href="<c:url value='/yui/build/assets/skins/sam/skin.css'/>"/--%>
    <style>
        .font_size_10 {font-size:77%;}          /* for setting 10px */
        .font_size_11 {font-size:85%;}          /* for setting 11px */
        .font_size_12 {font-size:93%;}          /* for setting 12px */
        .font_size_13 {font-size:100%;}         /* for setting 13px */
        .font_size_14 {font-size:108%;}         /* for setting 14px */
        .font_size_15 {font-size:116%;}         /* for setting 15px */
        .font_size_16 {font-size:123.1%;}       /* for setting 16px */
        .font_size_17 {font-size:131%;}         /* for setting 17px */
        .font_size_18 {font-size:138.5%;}       /* for setting 18px */
        .font_size_19 {font-size:146.5%;}       /* for setting 19px */
        .font_size_20 {font-size:153.9%;}       /* for setting 20px */
        .font_size_21 {font-size:161.6%;}       /* for setting 21px */
        .font_size_22 {font-size:167%;}         /* for setting 22px */
        .font_size_23 {font-size:174%;}         /* for setting 23px */
        .font_size_24 {font-size:182%;}         /* for setting 24px */
        .font_size_25 {font-size:189%;}         /* for setting 25px */
        .font_size_26 {font-size:197%;}         /* for setting 26px */
    </style>
    <style>
        .font_family_verdana {font-family:Verdana;}     /* Set the selected node's font family to Verdana. */
        .font_family_times {font-family:Times;}         /* Set the selected node's font family to Times. */
        .font_family_georgia {font-family:Georgia;}     /* Set the selected node's font family to Georgia. */
        .font_family_trebuchet {font-family:Trebuchet;} /* Set the selected node's font family to Trebuchet. */
        .font_family_courier {font-family:Courier;}     /* Set the selected node's font family to Courier. */
    </style>
    <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="shortcut icon" href="<c:url value='/favicon.ico'/>" >
    <LINK href="<c:url value='${_themePath}/styles/codesite_pack_01312008.css'/>" type="text/css" rel="stylesheet">
    <LINK rel="stylesheet" href="<c:url value='${_themePath}/styles/local_extensions.css'/>" type="text/css" media="screen" charset="utf-8">
    <!--[if IE]>
        <style type="text/css">
            .g-tpl-25-75 .g-unit { width: 74%; }
            .g-tpl-25-75 .g-first { width: 24%; }
        </style>
    <![endif]-->
    <LINK type="text/css" href="<c:url value='${_themePath}/styles/default.css'/>" rel="stylesheet">
    <LINK rel="stylesheet" href="<c:url value='${_themePath}/styles/custom.css'/>" type="text/css" media="screen" charset="utf-8">

    <!-- jquery -->
    <script type="text/javascript" src="<c:url value='/jquery/jquery.js'/>"></script>

    <!-- Individual YUI CSS files -->
    <link rel="stylesheet" type="text/css" href="<c:url value='/yui/build/tabview/assets/skins/sam/tabview.css'/>">
    <link rel="stylesheet" type="text/css" href="<c:url value='/yui/build/menu/assets/skins/sam/menu.css'/>">
    <link rel="stylesheet" type="text/css" href="<c:url value='/yui/build/button/assets/skins/sam/button.css'/>">
    <link rel="stylesheet" type="text/css" href="<c:url value='/yui/build/calendar/assets/skins/sam/calendar.css'/>">
    <link rel="stylesheet" type="text/css" href="<c:url value='/yui/build/container/assets/skins/sam/container.css'/>">

    <!-- Individual YUI JS files -->
    <script type="text/javascript" src="<c:url value='/yui/build/yuiloader/yuiloader-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/dom/dom-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/event/event-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/container/container_core-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/menu/menu-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/element/element-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/button/button-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/calendar/calendar-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/utilities/utilities.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/container/container-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/yahoo-dom-event/yahoo-dom-event.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/dragdrop/dragdrop-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/yahoo-dom-event/yahoo-dom-event.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/element/element-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/connection/connection-min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/yui/build/tabview/tabview-min.js'/>"></script>
    
    <script type="text/javascript">
            $(document).ready(function(){
                $("#_hideDescription").click(function(e){
                    $("#_description").toggle(false);
                });
                $("#_showDescription").click(function(e){
                    $("#_description").toggle(true);
                });
            });
    </script>
    <stripes:layout-component name="_head"/>
</head>
<body class="yui-skin-sam">
    <DIV id="gc-container">
        <!-- FIRST HEADER -->
        <DIV id="langpref">
            <stripes:layout-component name="_topHeader"/>
        </DIV><!-- end of langpref -->

        <!-- SECOND HEADER -->
        <DIV id="gc-header">
            <stripes:layout-component name="_bottomHeader"/>
        </DIV> <!-- end gc-header -->

        <!-- CONTENT -->
        <DIV id="codesiteContent">
            
            <DIV id="gc-topnav">
                <stripes:layout-component name="_topNav"/>
                <!--
                <H1>xxxxxxxxxxxxxxxx</H1>
                <UL class="gc-topnav-tabs">
                    <LI>One</LI>
                    <LI>Two</li>
                </UL>
                -->
            </DIV> <!-- end gc-topnav -->

            <!-- Google Code Content -->
            <DIV id="gc-home">
                <stripes:layout-component name="_content"/>
                <%--
                <DIV class="g-section g-tpl-25-75">
                    <DIV class="g-unit g-first">
                        <H2>Developer Resources</H2>
                        <UL class="devprod">
                            <LI class="apis"><A href="http://code.google.com/more/#products-products-android">APIs &amp; Tools</A></LI>
                            <LI class="opensource"><A href="http://code.google.com/opensource/">Open Source Programs</A></LI>
                            <LI class="projecthosting"><A href="http://code.google.com/hosting/">Project Hosting</A></LI>
                        </UL>

                        <H2>Featured Products</H2>
                        <UL class="devprod">
                            <LI class="android"><A href="http://code.google.com/android/">Android</A></LI>
                            <LI class="ajax"><A href="http://code.google.com/apis/ajax/">AJAX APIs</A></LI>
                            <LI class="appengine"><A href="http://code.google.com/appengine/">App Engine</A></LI>
                            <LI class="gears"><A href="http://code.google.com/apis/gears/">Gears</A></LI>
                            <LI class="gwt"><A href="http://code.google.com/webtoolkit/">Google Web Toolkit</A></LI>
                            <LI class="opensocial"><A href="http://code.google.com/apis/opensocial/">OpenSocial</A></LI>
                        </UL>
                    </DIV> <!-- end of g-unit g-first -->


                    <DIV class="g-unit">
                        <H2>News</H2>
                        <DIV class="g-section g-tpl-300">
                            <DIV class="g-unit g-first" style="text-align:right">
                                <A href="http://code.google.com/events/io" style="border:0;"><IMG style="padding: 2px;border:0;" height="156" width="300" src="./Google Code_files/google-io-2009.jpg" alt=""></A>
                            </DIV>
                            <DIV class="g-unit" style="padding-left:20px;">
                                <H3>Join Us At Google I/O May 27-28, 2009</H3>
                                <P>Sign up to attend Google&#39;s largest developer event of the year, <A href="http://code.google.com/events/io/">Google I/O</A>, happening May 27th-28th at Moscone West in San Francisco. Over the two days, thousands of developers will come together to learn about the latest advancements in <A href="http://code.google.com/android/">Android</A>, <A href="http://code.google.com/appengine/">App Engine</A>, <A href="http://chromium.org/">Chrome</A>, <A href="http://code.google.com/gwt/">Google Web Toolkit</A>, <A href="http://code.google.com/apis/ajax/">AJAX APIs</A>, <A href="http://code.google.com/opensocial/">OpenSocial</A> and more. It&#39;s a great opportunity to meet and talk with fellow developers and the engineers behind Google&#39;s developer products.</P>
                                <P>To learn more and register, visit the <A href="http://code.google.com/events/io/">Google I/O website</A>. Early registration ends May 1. We look forward to seeing you there!</P>
                                <BR>
                            </DIV>
                        </DIV> <!-- end of g-section g-tpl-300 -->
                        <BR>
                        <H2>Developer Videos</H2>
                        <DIV id="gc-codevideo"></DIV>
                        <DIV><A href="http://code.google.com/videos/">More videos &raquo;</A></DIV>
                        <BR>
                        <BR>
                        <DIV id="gc-blog-gadget"><IFRAME frameborder="0" src="./Google Code_files/ifr.htm" width="100&percnt;" height="400" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></IFRAME></DIV>
                     </DIV> <!-- end of g-unit -->
                </DIV> <!-- end of g-section g-tpl-25-75 -->
                --%>
            </DIV> <!-- end of gc-home -->
        </DIV> <!-- end of codesiteContent -->


        <DIV id="gc-footer" dir="ltr">
         <DIV class="text">
             <stripes:layout-component name="_footer"/>
         </DIV>
        </DIV><!-- end gc-footer -->


   </DIV><!-- end of gc-container -->
</body>
</HTML>
</stripes:layout-definition>
